<!DOCTYPE html>
<html lang="en">
<head>
	 <title>{$data.title}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="{$data.describe}" />
    <meta name="keywords" content="{$data.keyword}" />
    <meta name="robots" content="all"/>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
      <!-- css -->
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    <link href="__MOBILE__css/iconfont.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/am.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/flexslider.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/style.css" rel="stylesheet"/>
    <link rel="stylesheet" href="__MOBILE__css/style.css">
    {$seo.head}
    <style>
        .crumbs{margin-top: 70px;}
        .m_banner{margin-top: 0;}
    </style>
</head>
<body>
{$seo.body}

<div class="crumbs clear">
        <i class="iconfont icon-zhuye"></i>
        <a href="/">主页</a>>
        <a href="/Applications.html">解决方案</a>>
        <a class="crumbs_list">{$data.title}</a>
        <a class="fr"><i class="iconfont icon-fanhui1 __fanhui"></i></a>
    </div>
<div class="m_wrap">
    {include file="public/header" /}

    <!-- m_banner -->
    <div class="m_banner">
        <ul class="m_banner_slider clear">
            <?php if($data['img_url_arr']):?>
            <?php foreach($data['img_url_arr'] as $key => $val):?>
            <li>
                <div class="pic">
                    <img src="<?php echo $val;?>" alt="">
                </div>
            </li>
            <?php endforeach;?>
            <?php endif?>
        </ul>
    </div>
    <!-- m_banner end -->

</div>

<div class="m_page m_inner_page">
    <div class="m_inner_page_top m_public">
        <?php echo $data['introduce'];?>
    </div>

    <!-- m_be_suitable -->
    <div class="m_be_suitable">
        <div class="m_public">
            <div class="m_module_top_other" >
                <h3 class="title" style="text-align:left;">激光打标和雕刻机可以处理的金属</h3>
            </div>
            <ul class="col-2 clear">
                <li class="fl">
                    <div class="_table">
                        <table>
                            <?php foreach($data['scene_tags_arr'] as $key => $val):?>
                            <?php if($key%2==0):?>
                            <tr><td><?php echo $val;?></td></tr>
                            <?php endif;?>
                            <?php endforeach;?>
                        </table>
                    </div>
                </li>
                <li class="fl">
                    <div class="_table">
                        <table>
                            <?php foreach($data['scene_tags_arr'] as $key => $val):?>
                            <?php if($key%2!=0):?>
                            <tr><td><?php echo $val;?></td></tr>
                            <?php endif;?>
                            <?php endforeach;?>
                        </table>
                    </div>
                </li>
            </ul>
            <p class="content">想了解更多关于激光打标与雕刻机适用金属的信息吗？</p>
            <a href="/Contact-us.html" class="pushbar" style="margin-top: 16px;">联系我们</a>
           
        </div>
    </div>
    <!-- m_be_suitable end -->

    <!-- Metal product mark -->
    <div class="m_metal_product">
        <div class="m_public">
            <div class="m_module_top_other" >
                <h3 class="title" style="text-align:left;">你想打标哪种金属产品？</h3>
            </div>
            <div class="m_metal_product_list">
                <ul>
                    <li>
                        <a >
                            <h3 class="title"><?php echo $data['mark_one_arr']['title']?></h3>
                            <div class="pic_img" style="height:345px;">
                                <img src="<?php echo $data['mark_one_arr']['img_url']?>" alt="">
                            </div>
                            <div class="m_metal_product_list_c">
                                <?php foreach($data['mark_one_arr']['tags_arr'] as $val):?>
                                <p><span class="_box"></span><?php echo $val;?></p>
                                <?php endforeach;?>
                            </div>
                            <a href="#m_video" class="pushbar" style="margin-top: 26px;">打标行业金属产品</a>
                        </a>
                    </li>
                    <li>
                        <a >
                            <h3 class="title"><?php echo $data['mark_two_arr']['title']?></h3>
                            <div class="pic_img" style="height:345px;">
                                <img src="<?php echo $data['mark_two_arr']['img_url']?>" alt="">
                            </div>
                            <div class="m_metal_product_list_c">
                                <?php foreach($data['mark_two_arr']['tags_arr'] as $val):?>
                                <p><span class="_box"></span><?php echo $val;?></p>
                                <?php endforeach;?>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Metal product mark end -->

    <!-- SEE HOW IT WORKS -->
    <div class="see_works">
        <div class="m_module_top_other">
            <h3 class="title">查看它是如何工作的</h3>
        </div>
        <div class="video" id="m_video">
            <iframe id="player" type="text/html" width="100%" height="210" src="{$data.video}" frameborder="0"></iframe>
        </div>
        <div class="video_c m_public">
            {$data.describe1}
        </div>

    </div>

    <!-- Production samples -->
    <div class="production_samples" style="margin-top: 10px;">
        <div class="m_products m_public" style="position:relative;padding:30px 15px;">
            <div class="m_module_top_other">
                <h3 class="title" style="text-align: left;">工业打标机: 加工样品</h3>
            </div>
            <div class="m_products_list">
                <ul>
                    <?php foreach($data['sample_ids_arr'] as $k=>$val):?>
                    <li>
                        <a href="">
                            <div class="m_products_pic">
                                <div class="pic-img" style="height: 259px">
                                    <img src="<?php echo $val['img_url'];?>" alt="<?php echo $val['alt'];?>">
                                </div>
                            </div>
                            <div class="m_products_text">
                                <h3 class="title"><?php echo $val['name'];?></h3>
                                <span class="pushbar">更多细节 >></span>
                            </div>
                        </a>
                    </li>
                    <?php endforeach;?>
                </ul>
            </div>

        </div>
    </div>

    <!-- SIGNIFICANCE -->
    <div class="m_significance" style="background: url(__MOBILE__images/data3.jpg) center center no-repeat;background-size:cover;">
        <div class="m_public">
            <div class="m_module_top_other">
                <h3 class="title" style="text-align: left;color: #fff;padding-bottom: 16px;">为什么要购买工业级激光金属打标机？</h3>
            </div>
            <div class="m_significance_c">
                <div class="pic">
                    <img src="<?php echo $data['significance_img'];?>" alt="">
                </div>
                <div class="m_significance_c_c">
                    <?php echo $data['significance'];?>
                </div>
            </div>
            <a href="/Contact-us.html" class="pushbar" style="margin-top: 26px;">联系我们</a>
        </div>
    </div>

    <!-- Functional advantages -->
    <div class="functional_advantages">
        <div class="">
            <div class="m_module_top_other m_public">
                <h3 class="title" style="text-align: left;">激光科技的功能与优势</h3>
            </div>
            <div class="functional_advantages_list">
                <ul>
                    <?php foreach($data['advantage_arr'] as $k=>$val):?>
                    <?php if($val['name']):?>
                    <li class="_alone am {if $k eq 0}_hover{/if}">
                        <p class="title am"><?php echo $val['name'];?><i class="iconfont icon-xiala fr am"></i></p>
                        <div class="_active am">
                            <?php echo $val['content'];?>
                        </div>
                    </li>
                    <?php endif;?>
                    <?php endforeach;?>
                </ul>
            </div>
        </div>
    </div>

    <!-- OREE LASER Product Recommendations -->
    <div class="m_products m_public">
        <div class="m_module_top_other">
            <h3 class="title" style="padding-bottom: 16px;">欧锐激光产品推荐</h3>
        </div>
        <div class="m_products_list">
            <ul>
                {volist name="data.product_list_arr" id="v" key="k"}
                <li>
                    <a href="/product/{$v.uname}-{$v.id}.html">
                        <div class="m_products_pic">
                            <div class="pic-img" style="height: 259px">
                                <img src="<?php echo $v['img_url_site']?>" alt="">
                            </div>
                        </div>
                        <div class="m_products_text">
                            <h3 class="title"><?php echo $v['name'];?></h3>
                            <p class="content"><?php echo $v['introduce'];?> </p>
                            <span class="pushbar">更多细节 >></span>
                        </div>
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>

    <!-- You want to learn more about Oree laser and applications? -->
    <div class="understand_more">
        <div class="m_public">
            <div class="m_module_top_other">
                <h3 class="title" style="padding-bottom: 16px;">你想了解更多关于欧瑞激光和它的应用吗？</h3>
            </div>
            <div class="understand_more_c">
                <p><?php echo $data['help'];?></p>
                <div class="pic_img" style="height:230px;">
                    <img src="<?php echo $data['help_img'];?>" alt="">
                </div>
            </div>
            <a href="/Contact-us.html" class="pushbar" style="margin-top: 26px;">联系我们</a>
        </div>
    </div>

    <!-- What are the possibilities for laser marking metals? -->
    <div class="possibility">
        <div class="m_public">

            <div class="possibility_c">
                <?php echo $data['introduce1'];?>
            </div>
        </div>
    </div>


</div>


{include file="public/footer" /}
<script>
	$('._text').css('width','auto');
    $("#mobile_key").click(function(){
        $('.side_nav').css("right","0");
        $('.mark').addClass('open');
    });
    $('.mark').bind('click',function() {
        $('.mark').removeClass('open');
        $('.side_nav').css('right', '-70%');
    })
    $('.functional_advantages_list ul li').click(function(){
        $(this).addClass("_hover").siblings().removeClass("_hover");
    });
</script>

